<!DOCTYPE html>
<html class="bg-black">
    <head>
        <meta charset="UTF-8">
        <title>AdminLTE | Registration Page</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
       <link href="<?php echo base_url();?>assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="<?php echo base_url();?>assets/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="<?php echo base_url();?>assets/css/AdminLTE.css" rel="stylesheet" type="text/css" />
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="bg-black">

        <div class="form-box" id="login-box">
            <div class="form-box" id="login-box">
            <?php $msg= $this->session->flashdata('msg');
            if($msg!=''){ 
            echo "<div class=\"alert alert-danger alert-dismissable\">  <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;</button><strong>$msg</strong></div>";
            } ?>
            <div class="header">Reset Password</div>
            <form action="" method="post" name="forgot">
                <div class="body bg-gray">
                    
                    
                    <div class="form-group">
                        <input type="email" name="email" class="form-control" placeholder="Email Address" value="<?php echo set_value('email'); ?>"/>
                        <span class="err">        <?php echo form_error('email'); ?> </span>
               
                    </div>
                    
                </div>
                <div class="footer">                    

                    <button type="submit" name="submit" class="btn bg-olive btn-block">Reset</button>

                    <a href="<?php echo base_url()?>login" class="text-center">Login</a>
                </div>
            </form>

           
        </div>


        <!-- jQuery 2.0.2 -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="<?php echo base_url();?>assets/js/bootstrap.min.js" type="text/javascript"></script>
         <script>
                    function user_check(val)
                    {
                        if (val != '')
                        {

                            var str = 'user=' + val;
                            $.ajax({
                                type: "POST",
                                url: "<?php echo base_url(); ?>register/check_User",
                                data: str,
                                success: function(data)
                                {
                                    //alert(data);
                                    if (data == 0)
                                    {
                                        $("div#Msg").html("<span class='succ'>User Name Available.</span>");
                                    }
                                    else
                                    {
                                        document.getElementsByName("username").value = '';
                                        $("div#Msg").html("<span class='err'>User Name already exist.</span>");
                                    }
                                }
                            });
                        }

                    }

                </script>
                <style>
                    .err{
                        color: red;
                    }
                    .err1{
                        color: red;
                    }
                    .succ{
                        color: green;
                    }
                    
                </style>
    </body>
</html>